<div class="section-title" ng-click="" style="flex-direction:column;">
    <div style="display:flex;flex-direction: row;width:100%;">
        <i class="material-icons" ng-class="{'icon-green':equipment_info_data.data.length > 0}" style="flex:0;margin-left:6px;"></i>
        <label class="title-name" style="flex:1;" ng-bind="'A05.equipment_view.title' | translate"></label>
        <div class="kmi-can-click" style="flex:1;"></div>
        <div style="z-index:1;display: flex;padding-right: 2px;" ng-click="add_equipment()">
            <i class="material-icons" style="font-size:30px;">add</i>
        </div>
    </div>
    <div style="display:flex;flex-direction:row;width:100%;text-align:center;font-size:1rem;">
        <div style="flex:1;">
            <label ng-bind="'A05.equipment_view.aps_note' | translate" style="margin: 1px;"></label>
            <label ng-bind ="equipment_info_data.aps_sum_qty"  ></label>
            <label ng-bind="'A05.equipment_view.can_note' | translate"  style="margin: 1px;"></label>
            <label ng-bind="equipment_info_data.can_dis_sum_qty"    ></label>
            <label ng-bind="'A05.equipment_view.has_note' | translate" style="margin: 1px;"></label>
            <label ng-bind ="equipment_info_data.has_dis_sum_qty"   ></label>
        </div>
    </div>
</div>
<div class="section-content">
    <div class="kmi-list column-selector column-split" column-selector-id="lot_info" kmi-scrollbar>
        <div class="kmi-list__header">
            <div class="kmi-list__column" style="flex:1;"></div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 设备编号 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.equipment_no">
                    <input ng-model="dispatch_filter.equipment_no">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.equipment_no = false;dispatch_filter.equipment_no = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.equipment_no">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.equipment_no = true">search</i>
                    <label ng-bind="'A05.equipment_view.equipment_no'| translate"></label>
                    <i class="material-icons" ng-show="order_by_eq_mode.name == 'equipment_no'">{{order_by_eq_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbyEqchange('equipment_no')"></div>
                </div>
            </div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 设备名称 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.equipment_name">
                    <input ng-model="dispatch_filter.equipment_name">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.equipment_name = false;dispatch_filter.equipment_name = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.equipment_name">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.equipment_name = true">search</i>
                    <label ng-bind="'A05.equipment_view.equipment_name'| translate"></label>
                    <i class="material-icons" ng-show="order_by_eq_mode.name == 'equipment_name'">{{order_by_eq_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbyEqchange('equipment_name')"></div>
                </div>
            </div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 派工日 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.work_date">
                    <input ng-model="dispatch_filter.work_date">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.work_date = false;dispatch_filter.work_date = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.work_date">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.work_date = true">search</i>
                    <label ng-bind="'A05.equipment_view.equipment_work_date'| translate"></label>
                    <i class="material-icons" ng-show="order_by_eq_mode.name == 'work_date'">{{order_by_eq_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbyEqchange('work_date')"></div>
                </div>
            </div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 派工量 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.dis_qty">
                    <input ng-model="dispatch_filter.dis_qty">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.dis_qty = false;dispatch_filter.dis_qty = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.dis_qty">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.dis_qty = true">search</i>
                    <label ng-bind="'A05.equipment_view.equipment_dis_qty'| translate"></label>
                    <i class="material-icons" ng-show="order_by_eq_mode.name == 'dis_qty'">{{order_by_eq_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbyEqchange('dis_qty')"></div>
                </div>
            </div>
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <!-- 已派量 -->
            <div class="kmi-list__column  head-controls" style="flex:1;">
                <div class="filter" ng-show="dispatch_filterSH.has_qty">
                    <input ng-model="dispatch_filter.has_qty">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                        ng-click="dispatch_filterSH.has_qty = false;dispatch_filter.has_qty = '';">clear</i>
                </div>
                <div class="order" ng-hide="dispatch_filterSH.has_qty">
                    <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.has_qty = true">search</i>
                    <label ng-bind="'A05.equipment_view.equipment_has_qty'| translate"></label>
                    <i class="material-icons" ng-show="order_by_eq_mode.name == 'has_qty'">{{order_by_eq_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                    <div class="kmi-can-click" ng-click="orderbyEqchange('has_qty')"></div>
                </div>
            </div>
        </div>
        <div class="kmi-list__row-content">
            <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
            <div class="kmi-list__row" ng-repeat="equipment_data in filterEquipmentInfo(equipment_info_data.data, dispatch_filter) track by $index">
                <div class="kmi-list__column" ng-click="clear_dis_qty($event,equipment_info_data,equipment_data)">
                    <button class="mdl-button mdl-button--icon">
                        <img src="image/icons/delete.png">
                    </button>
                </div>
                <div class="kmi-list__column" ng-bind="equipment_data.equipment_no"></div>
                <div class="kmi-list__column" ng-bind="equipment_data.equipment_name"></div>
                <div class="kmi-list__column" ng-click="changeDate(equipment_data);">
                    <label ng-bind="equipment_data.work_date"></label>
                    <i class="material-icons text-right" style="font-size:14px;">&#xE5CF;</i>
                </div>
                <div class="kmi-list__column">
                    <div class="kmi-text-fields"  style="margin: 0px auto;max-width:60%;text-align:center;">
                    <input readonly="readonly" ng-click="change_dis_qty_action($event,equipment_info_data,equipment_data);" ng-value="equipment_data.dis_qty">    
                    </div>
                </div>
                <div class="kmi-list__column" ng-bind="equipment_data.has_qty"></div>
            </div>
        </div>
    </div>
</div>